<template>
  <div class="hello" >
    <button @click="hel1">点我出结果</button>
    <h2 ref="hel">我是h2</h2>
    <h1>{{hello}}</h1>
    <h1>{{hep}}</h1>
    <h1 v-xxyf>sss</h1>
  </div>
</template>

<script>


import {minx} from "@/vuejs/mixin";

export default {
  name: 'HelloWorld',
  props: ['hello'],
  data(){
    return{hep:"小小"}
  },
  directives:{xxyf(el,el1){
      console.log(el,el1)
      el.innerHTML="hello";
    }},
  methods:{
    hel1(){

      // eslint-disable-next-line vue/no-mutating-props
      this.hep=this.$refs.hel
      console.log(this.$refs.hel)
    }
  },
  mixins:{minx}
}
</script>

